@media (max-width: 641px) {
	.navbar-brand {
		box-shadow: 0 0 1px rgba(0,0,0,.15)
	}
	.navbar.is-transparent .navbar-brand {
		box-shadow: none
	}
}

.navbar { font-size: .85rem; }
a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active { color: #363636; background: none; border: none }
.navbar-link { padding-right: 2em; }
.navbar-link::after { border-color: #363636; width: .3em; height: .3em; margin-top: -0.275em; }
.navbar-start a.navbar-item { position: relative; }
.navbar-start a.navbar-item::after { content: '';  position: absolute; left: 50%; bottom: -2px; margin-left: -9px; width: 18px; height: 2px; background: #363636; opacity: 0; }
.navbar-start .navbar-item:hover::after { bottom: 0; opacity: 1; transition: .15s all ease-in-out; }
.navbar-item img { max-height: inherit!important; }
.navbar-start .navbar-item.has-dropdown::after { display: none; }

header.navbar .navbar-brand {
	position: relative;
}
header.navbar .navbar-brand .tablet-btn {
	position: absolute;
	right: 0;
}

header.navbar .link-user-avatar {
	position: relative;
}

header.navbar .link-user-avatar::before {
	content: "";
	width: 36px;
	height: 36px;
	border-radius: 50rem;
	background: #F2F2F2;
}
header.navbar .link-user-avatar img {
	position: absolute;
	z-index: 2;
}

header.navbar .link-user-avatar em {
	position: absolute;
    bottom: 7px;
    z-index: 2;
    background: #1a73e8;
    border-radius: 50rem;
    color: #FFF;
    font-style: normal;
    font-size: 9px;
    padding: 0 5px;
}
// .navbar.is-black .navbar-brand a , .navbar.is-black .navbar-start a {
// 	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
// }

.navbar.is-black .link-draft {
	background-color: #FFF;
	color: #363636
}
.navbar.is-transparent { background: none; }
#site-main.page-index {
	position: relative;
}